<template>
  <div>
    <a-layout>
      <!-- <a-layout-header :style="headerStyle"> -->
        <Header />
      <!-- </a-layout-header> -->
      <a-layout-content :style="contentStyle">
        <router-view :key="$route.fullPath" />
        <a-back-top />
      </a-layout-content>
	  <Footer />
    </a-layout>
  </div>
</template>
<script lang="ts" setup>
import Header from "@/components/HeaderNew.vue";
import Footer from "@/components/Footer.vue";
import type { CSSProperties } from "vue";

const headerStyle: CSSProperties = {
  textAlign: "center",
  color: "black",
  // height: "60px",
  lineHeight: "60px",
  paddingInline: "0px",
  backgroundColor: "#fff"
};

const contentStyle: CSSProperties = {
  color: "black",
  padding: "0px"
};
</script>
<style lang="less" scoped>

</style>
